<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页-绝地求生周边商城</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/details.css">
</head>
<body>
    <!-- 头部 -->
    <header></header>
    <!-- 中间 -->
    <div class="container">
        <!-- 导航 -->
        <div class="comm-tit">
            <a href="./index.html" target="_blank">商城首页></a>
            <a href="#" target="_blank">家居日用></a>
            <a href="#" target="_blank">T恤></a>
            <em>PUBG-98K警告T恤></em>
        </div>
        <!-- 商品信息 -->
        <div class="product">
            <!-- 图片 -->
            <div class="product-show fl">
                <img class="show" src="../img/detail-img/20190109150514_18208 (1).jpg" alt="">
                <ul>
                    <li>
                        <a href="#">
                            <img src="../img/detail-img/20190109150514_18208 (1).jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/detail-img/20190109150522_55823.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/detail-img/20190109150500_60867.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/detail-img/20190109150500_48925.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 信息 -->
            <div class="fl product-info">
                <h3 class="prod-name">
                    PUBG-98K警告T恤
                </h3>
                <div class="prod-price">
                    <span>
                        ￥<strong>168.00</strong>
                    </span>
                    <i>
                        ￥238元
                    </i>
                </div>
                <div class="prod-detail">
                    <div class="fl prod-sold">
                        已售：
                        <span>25</span>
                    </div>
                    <div class="fl prod-totalcom">
                        累计评价：
                        <span>0</span>
                    </div>
                    <div class="fr prod-star">
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>                       
                        <span>0.0</span>
                    </div>
                </div>
                <div class="prod-size">
                    <p class="fl">
                        尺码
                    </p>
                    <ul class="fl">
                        <li>S/165</li>
                        <li>M/170</li>
                        <li>L/175</li>
                        <li>XL/180</li>
                        <li>XLL/185</li>
                    </ul>
                </div>
                <div class="blk-detail">
                    <p class="fl">
                        数量
                    </p>
                    <div class="fl total">
                        <button class="fl">-</button>
                        <input  class="fl" type="text" value="1">
                        <button class="fl">+</button>
                    </div>
                    <span>
                        (还剩24件)
                    </span>
                </div>
                <div class="prod-btn">
                    <a href="">加入购物车</a>
                    <a href="">立即购买</a>
                    <a href="">
                        <i class="iconfont icon-xin"></i>
                        <span>收藏</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- 商品具体相关信息 -->
        <div class="product-detail">
            <div class="prod-tab">
                <ul>
                    <li>
                        商品详情
                        <i class="tab-line"></i>
                    </li>
                    <li>
                        用户点评
                        <span>(0)</span>
                        <i></i>
                    </li>
                    <li>
                        联系商家
                        <i></i>
                    </li>
                </ul>
            </div>

            <div class="tab-cont">
                <!-- 商品详情 -->
                <div class="tab-cont1" style="display: block;">
                    <ul>
                        <li>
                            <label>商品名称:</label>
                            <span>PUBG-98K警告T恤</span>
                        </li>
                        <li>
                            <label>店铺:</label>
                            <span>衍界</span>
                        </li>
                        <li>
                            <label>上架时间:</label>
                            <span>2020-04-07</span>
                        </li><li>
                            <label>商品名毛重:</label>
                            <span>500克</span>
                        </li><li>
                            <label>商品:</label>
                            <span>绝地求生</span>
                        </li><li>
                            <label>周边分内:</label>
                            <span>家具日用/T恤</span>
                        
                    </ul>
                    <!-- 单品详情图 -->
                    <div class="detaibox">
                        <p>
                            <img src="../img/detail-img/0.jpg" alt="">
                        </p>
                        <p>
                            <img src="../img/detail-img/0 (1).jpg" alt="">
                        </p>
                        <p>
                            <img src="../img/detail-img/0 (2).jpg" alt="">
                        </p>
                        <p>
                            <img src="../img/detail-img/0 (3).jpg" alt="">
                        </p>
                        <p>
                            <img src="../img/detail-img/0 (4).jpg" alt="">
                        </p>
                        <p>
                            <img src="../img/detail-img/0 (5).jpg" alt="">
                        </p>
                        <p>
                            <img src="../img/detail-img/0 (6).jpg" alt="">
                        </p>
                        <p>
                            <img src="../img/detail-img/0 (7).jpg" alt="">
                        </p>
                    </div>
                </div>
                <!-- 用户点评 -->
                <div class="tab-cont2" style="display: none;">
                    <p>
                        <span>玩家综合评分:</span>
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>
                        <i class="iconfont icon-star"></i>
                        <em>0.0</em>
                    </p>
                </div>
                <!-- 联系商家 -->
                <div class="tab-cont3" style="display: none;">
                    <ul>
                        <li>
                            <span>
                                商家:衍界
                            </span>
                        </li>
                        <li>
                            <span>商家联系方式</span>
                            <span>电话：1234567890</span>
                            <span>QQ：123456789</span>
                            <span>微信：无</span>
                        </li>
                        <li>
                            
                            <span>
                                <i class="iconfont icon-QQ"></i>
                                联系客服
                            </span>
                        </li>
                        <li>
                            <span>商家服务时间</span>
                            <span>在线时间：10：00-18：00</span>
                        </li>
                        <li>
                            <span>经营者证件信息</span>
                            <div>
                                <span>查看证件信息</span>
                            </div>
                            <div id="certificate">
                                <div>企业名称：文化发展有限公司</div>
                                <div>营业执照注册号：shducuwicjjwieccqcwi</div>
                                <div>法定代表人姓名：张三</div>
                                <div>营业执照所在地：就打算就此完结的经济危机</div>
                                <div>企业注册资金：万元人民币万人民币</div>
                                <div>营业执照有效期：一会儿</div>
                                <div>企业执照经营范围：乌烧蛇</div>
                                <img src="../img/20190219114847_322871.jpg" alt="">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer></footer>
    <!-- 回到顶部 -->
    <div class="topnav">
       
            <div class="top">
                <span class="iconfont icon-shangsanjiaoxing"></span>
                <p>top</p>
            </div>
            <div class="top1">
                <p>返回顶部</p>
            </div>
        
    </div>
    <!-- 购物车提醒 -->
    <div class="ppp" style="display: none;"> 
        <div class="popup">
            <a href="" class="popup-class">X</a>
            <div class="popup-main">
                <h4>购物车提醒</h4>
                <div class="popup-con">
                    <div class="popup-info">
                        <span><i class="iconfont icon-gou"></i></span>
                        <span>商品已成功添加到购物车</span>
    
                    </div>
                    <div class="popup-btn">
                        <a href="">确认</a>
                        <a href="">继续购买</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/lib/requirejs/require.min.js" data-main="/js/details"></script>
</body>
</html>